<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>王天庆</title>
    <style>
        body{
            width: 80%;
            height: 80%;
            margin:0;
            padding: 0;
            background:url("img/xuehua_01.png"),url("img/15121159592ccc6f000ca28b45.jpg")no-repeat;
            background-position: 0 -1920px, 50% 0;
            animation: move 15s linear infinite;
            background-size:585px 327px,cover;
        }
        @keyframes move {
            0%{
                background-position:0 -2000px, 50% 0;
            }
            100%{
                background-position: 0,50% 0;
            }
        }
        body{
            margin: 100px auto;
        }
        a{
            text-decoration: none;
            font-family: "Microsoft YaHei", "微软雅黑", Helvetica, sans-serif;
            display: block;
            padding: 30px;
            width: 300px;
            margin: 100px auto;
            height: 50px;
            background: #5fbf7a;
            text-align: center;
            line-height: 50px;
            color: #fff;
            opacity: 0.7;
        }
    </style>
</head>
<body>
<a href="app.html" target="_blank">app作品</a>
<a href="szy.html" target="_blank">三折页作品</a>
<a href="hb.html" target="_blank">海报作品</a>
<a href="mp.html" target="_blank">名片作品</a>
<a href="https://lkx95.gitee.io/wangye/" target="_blank">pc网页前端前期实现搭建作品</a>
<a href="http://yourarefather.gitee.io/pc/" target="_blank">pc网页前端毕业实现搭建作品</a>
<a href="https://lkx95.gitee.io/jqueryqphd/" target="_blank">全屏滚动前端前期实现搭建作品</a>
<a href="http://yourarefather.gitee.io/gundong/" target="_blank">全屏滚动前端毕业实现搭建作品</a>
</body>
</html>